<!--
 * @Descripttion: 
 * @Version: 
 * @Author: gaohj
 * @Date: 2022-12-21 10:09:08
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2022-12-21 10:31:57
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        var num = 888;
        

        // 定义变量的其他方式   

        // 1 var 变量名;  只声明不赋值 准备一个空箱子什么也不放;
        // 2 var 变量名 = 值; 声明并赋值 准备一个空箱子，把值放进去;
        // 3 var 变量名1,变量名2,变量名3; 一次准备多个空箱子;
        // 4 var 变量名1 = 值1,变量名2 = 值2,变量名3 = 值3;
        // 准备多个空箱子，每个箱子都放一个值;
        // 5 var 变量名1 = 值1,变量名2,变量名3 = 值3;
        // 准备多个空箱子，第一个箱子放一个值，第二个箱子不放值，第三个箱子放一个值;


        // 1 
        var num1;
        console.log(num1); // undefined 
        // 只声明 不赋值 会输出undefined 空箱子什么也没有
        // 2
        var num2 = 666;
        console.log(num2); // 666
        // 3
        var num3,num4,num5;
        console.log(num3,num4,num5);
        // undefined undefined undefined
        // 4
        var num6 = 666,num7 = 777,num8 = 888;
        console.log(num6,num7,num8);
        // 666 777 888
        // 5
        var num9 = 666,num10,num11 = 888;
        console.log(num9,num10,num11);
        // 666 undefined 888

        
        // 批量声明变量的好处  

        var num1 = 1;
        var num2 = 2;
        var num3 = 3;
        // 占了三行  

        var num1 = 1,num2 = 2,num3 = 3;
        // 只占据了一行 


        // 变量 可变化的量 

        // 一个箱子里边只能有一个值
        var num12 = 666; // 把666放到num12这个箱子里边
        num12 = 777; 
        // 把777放到num12这个箱子里边 666被777覆盖了
        // 最后num12这个箱子里边的值是777



        // alert(值或者变量名);
        //console.log(值或者变量名);
        // document.write(值或者变量名);

        // alert(num12); // 777
        // alert(777); // 777
        
        console.log(num12); // 777

        


    </script>
</body>
</html>